/* Objet Formulaire 

Company : Vente-privee.com
Project : VP4 (Front)
Support : Media Screen

Version : V 0.1
Date : 12 08 2008
Author : Aurelie DURDUX

*/

/*_- formulaires -_*/
.obj_form {
	border: 1px solid #dcd0d2;
	background-color: #f0e7e9;
	text-align: left;
}
	.obj_form .formBloc {
		padding: 20px ;
		width: 615px;
		margin: 0 auto;
	}
		.obj_form fieldset {
			border: 0;
			padding: 0 0 14px 0;
		}
			.obj_form fieldset legend {
				padding: 0 0 20px 0;
				font-size: 14px;
				font-weight: bold;
				color: #202020;
			}
			*.obj_form fieldset legend, {
				margin-left: -7px;
			}
			.obj_form fieldset p {
				margin: 0 0 6px 0;
				padding: 0;
				line-height: 20px;
				height: 20px;
				clear: both;
			}
			.obj_form p label,
			.obj_form p.checkboxLine span.label ,
			.obj_form p.radioLine span.label,
			.obj_form p.selectLine span.label {
				display: block;
				float: left;
				width: 183px;
				text-align: right;
			}
				.obj_form p.selectLine select {
					width: 70px;
				}
				.obj_form p label span,
				.obj_form p.checkboxLine span.label span,
				.obj_form p.radioLine span.label span,
				.obj_form p.selectLine span.label span {
					color: #f21e8c;
					display: inline-block;
					width: 5px;
				}
				.obj_form label.labelHide {
					visibility: hidden;
				}

			.obj_form input,    /* checkbox & radio */
			.obj_form select { 
				float: left;
				margin: 0 0 0 10px;
			}
			.obj_form input,
			.obj_form select {
				_border: 1px solid #c4bbbd;
			}
			.obj_form input[type="text"],
			.obj_form input[type="password"],
			.obj_form select {
				border: 1px solid #c4bbbd;
			}
			.obj_form input {
				width: 226px;
				padding: 1px;
				height: 16px;
			}
			.obj_form select {
				width: 230px;
				background: #fff; /* Opra Mac */
			}
				.obj_form input.readOnly {
					border: 1px solid #c4bbbd;
					background-color: #f0e7e9;
					color: #202020;
				}
			.obj_form  p.checkboxLine input,
			.obj_form  p.radioLine input {
				width: auto;
				margin-top: 3px;
				_border: 0;
			}
			.obj_form  p.checkboxLine label,
			.obj_form  p.radioLine label {
				width: auto;
				padding: 0 20px 0 5px;
			}
			.obj_form textarea {
				width: 410px;
				_width: 370px;
				height: 105px;
				border: 1px solid #c4bbbd;
				margin: 0 0 0 10px;
				padding: 5px;
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
			}
			.obj_form p.textareaLine {
				height: auto;
			}
			.obj_form .textareaLine span.errorMsg, .obj_form .textareaLine span.validMsg {
				clear: both;
				margin: 0 0 0 193px;
				padding: 5px 0 0 0;
			}
			.obj_form p.textBloc {
				padding: 20px 0 10px 0;
				line-height: 16px;
				height: auto;
			}

/*_- bouton formulaire -_*/
.obj_form div.btWrapper {
	margin-top: 10px;
}
.obj_form span.btAction1Left {
	text-align: center;
	display: block;
	padding: 0;
}
.obj_form span.btAction1Left span {
	border: 1px solid #ff8ec8;
	display: -moz-inline-box;
	display: inline-block;
}
.obj_form span.btAction1Left input {
	font-size: 16px;
	text-align: center;
	padding: 0 6px;
	margin: 0;
	height: auto;
	width: auto;
	color: #f21e8c;
	background: #ffe0f0 url(../images/gen_bt_l.gif) center left repeat-x;
	border: 0;
	float: none;
	outline: none;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}
.obj_form span.btAction1Left input:hover {
	background: #fffbfd url(../images/gen_bt_l_hover.gif) center left repeat-x;
}
*.obj_form span.btAction1Left input, { /* HACK IE7 pour le calage avec les margin */
	height: 25px;
	padding: 1px 1px 0 1px;
}
	
/* messages formulaires */
.obj_form .btWrapper span.errorMsg {
	margin: 0;
}
.obj_form .validMsg,
.obj_form .errorMsg,
.obj_form .infoMsg {
	font-size: 9px;
	display: block;
	margin: 0 0 0 433px;
	line-height: 10px;
	height: 20px;
	_margin-left: 434px;
}
.obj_form .infoMsg {
	line-height: 20px;
}
.obj_form .validMsg {
	color: #1d821d;
}
.obj_form .infoMsg.multi {
	line-height:10px;
}
.obj_form .errorMsg {
	color: #ed5705;
}
.obj_form .hideMsg {
	display: none;
}

.obj_form input.errorForm,
.obj_form select.errorForm,
.obj_form textarea.errorForm {
	background-color: #ffc;
}

/* champs obligatoires */
.obj_form p .requiredFields {
	display: block;
	width: 182px;
	font-size: 10px;
	text-align: right;
	color: #f21e8c;
}

/* ligne de texte avec checkbox pour accepter des termes */
.obj_form p.termLine input {
	_width: auto;
	_margin: 0;
	_border: 0;
}
.obj_form p.termLine input[type="checkbox"] {
	width: auto;
	margin: 0;
}
.obj_form p.termLine label {
	width: auto;
	padding: 0 0 5px 20px ;
	text-align: left;
	float: none;
}
*.obj_form p.termLine label, {
	padding: 0 0 5px 24px ;
}
.obj_form p.termLine {
	padding-bottom: 0;
	display: block;
}
.obj_form p.termLine span.errorMsg {
	display: block;
	margin-left: 0;
	padding-top: 5px;
}

/* ligne d'information formulaire */
.infoForm {
	margin-top: 10px;
	font-size: 10px;
}
.infoForm2 {
	margin-top: 10px;
}
